<template>
  <div class="">
    <div style="margin-bottom: 10px">
      <el-alert v-if="data.status === 'pass'" :closable="false" title="通过" type="success"> </el-alert>
      <el-alert v-if="data.status === 'fail'" :closable="false" title="拒绝" type="error"> </el-alert>
    </div>

    <sec-desc
      v-if="data.status === 'fail'"
      :data="data"
      :border="false"
      :labelStyle="config.labelStyle"
      :contentStyle="config.contentStyle"
      :column="1"
      :titleData="approveResultCol"
    ></sec-desc>
  </div>
</template>
<script>
export default {
  name: "",
  props: {
    data: Object,
  },
  components: {},
  computed: {},
  data() {
    return {};
  },
  created() {
    this.approveResultCol = [
      { label: "拒绝原因", prop: "reason" },
      { label: "详细说明", prop: "remark" },
    ];
  },
  mounted() {},
  methods: {},
  watch: {},
};
</script>
<style lang="scss" scoped></style>
